<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <link rel="stylesheet" href="css/base.css"/>
    <link rel="stylesheet" href="css/style.css"/>
    <meta name="keywords" content="端午节活动|端午节拼图|端午节拼图活动">
    <meta name="description" content="快乐端午节，吃粽子赛龙舟，更有玩拼图,赢取福利！">
    <title>参与活动赢大奖</title>
</head>
<body>
<div class="chouJBox">
    <!--抽奖初始页-->
    <div class="chouJHome">
        <img src="./img/qian.png" alt=""/>
        <a href="javascript:;" class="btn1 choujBtn">赶快抽奖</a>
    </div>
    <!--没抽中-->
    <div class="chouJFail gameFail ds-n">
        <img src="./img/chouJFail.png" alt="没抽中"/>
        <h5 class="col-fff font-32 mt-60">很遗憾 ，您没有抽中奖品 !</h5>
        <h5 class="col-fff font-30 mt-30">关注华质检测 ，月月有福利 !</h5>
        <a href="./choujiang.html" class="btn1 mt-60">再抽一次</a>
        <a href="./index.html" class="btn2 mt-30">返回首页</a>
    </div>
    <!--没机会了-->
    <div class="chouJPower gameFail ds-n">
        <img src="./img/chouJFail.png" alt="没机会"/>
        <h5 class="col-fff font-32 mt-60">您今天已用完三次抽奖机会</h5>
        <h5 class="col-fff font-30 mt-30">关注华质检测 ，月月有福利 !</h5>
        <a href="./index.html" class="btn2 mt-60">返回首页</a>
    </div>
    <!--中奖了-->
    <div class="chouJSuccess gameFail ds-n">
        <img src="./img/chouJSuccess.png" alt="中奖了"/>
        <h5 class="col-fff font-36 mt-30">喜中 <span id="prize">一</span> 等奖 ， </h5>
        <h5 class="col-fff font-36 mt-10">赢得 <span id="maney">3</span> 元现金红包 ！</h5>
        <div class="chouJSLiucheng">
            领取流程：打开【支付宝APP】→ 点击或搜索【红包】→ 在【输口令，领红包】处输入下面口令 → 领取红包
        </div>
        <h5 class="col-fff font-36 mt-30">口令：<span id="psw">欢乐端午华质检测豪礼相送</span></h5>
        <a href="./index.html" class="btn2 mt-30">返回首页</a>
    </div>

</div>
<script type="application/javascript" src="js/jquery.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

<script type="application/javascript" src="js/script.js"></script>
<script type="application/javascript">
    document.body.addEventListener('touchstart', function () {
    });
    $(function(){
        wx.config({
            debug: false,
            appId: '',
            timestamp: '',
            nonceStr: '',
            signature: '',
            jsApiList: [
                'onMenuShareTimeline',
                'onMenuShareAppMessage'
            ]
        });

        wx.ready(function () {
            // 分享给朋友
            wx.onMenuShareAppMessage({
                title: '【福利】端午节，拼图游戏+现金大奖，还等什么？', // 名
                desc: '关注华质检测，快乐端午节，吃粽子赛龙舟，更有玩拼图赢取福利！', // 简介
                link: 'http://cj.weiqiangtech.com/lotterydraw/page', // 分享地址
                imgUrl: './img/pic300.jpg', // 分享的图标
            });
            // 分享到朋友圈
            wx.onMenuShareTimeline({
                title: '【福利】端午节，拼图游戏+现金大奖，还等什么？', // 名
                desc: '关注华质检测，快乐端午节，吃粽子赛龙舟，更有玩拼图赢取福利！', // 简介
                link: 'http://cj.weiqiangtech.com/lotterydraw/page', // 分享地址
                imgUrl: './img/pic300.jpg', // 分享的图标
            });
        });

        $('.choujBtn').on('click',function(){
            $.ajax({
                type: "get",
                url: 'https://wx.weiqiangtech.com/lotterydraw/start',
                success: function (data) {
                    $('.chouJHome').hide();
                    if(data.result==1){//没抽中
                        $('.chouJFail').show();
                        return;
                    }else  if(data.result==2){//超过三次抽奖,没机会了
                        $('.chouJPower').show();
                        return;
                    }else if(data.result==3){ //中奖了
                        $('.chouJSuccess').show();
                        $('#prize').html(data.msg)//几等奖
                        $('#maney').html(data.maney)//多少元
                        $('#psw').html(data.maney)//红包口令
                    }
                },
                error:function () {
                    $('.chouJHome').hide();
                    setTimeout(function(){
                        $('.chouJFail').show();
                    },0)
                    setTimeout(function(){
                        $('.chouJPower').show();
                        $('.chouJFail').hide();

                    },1500)
                    setTimeout(function(){
                        $('.chouJPower').hide();

                        $('.chouJSuccess').show();
                    },3000)
//                    alert("请求失败！");
                }
            });
        })
    })

</script>
</body>
</html>